<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/normalize.css">
</head>
<body>
<header >
    <div class="container clear">
        <div class="box">
            <img src="/img/ia_100000000.png" style="margin-right: 40px">
            <div class="search">
                <input type="text" name="search" placeholder="请输入您要输入的内容"><!--
                --><img src="img/ia_100000002.png" class="button">
                <div style="color:#bababb" class="Tips button">
                    <span >分类搜索</span>
                    <span class="down_io"></span>
                </div>
            </div>
            <div class="S_L">
                <img src="img/ia_100000003.png" class="button">
                <span>|</span>
                <img src="img/ia_100000004.png" class="button">
                <span>|</span>
                <img src="img/ia_100000005.png" class="button">
                <span>|</span>
                <span class="button">注册</span>
                <span class="button">|</span>
                <span class="button">登录</span>
            </div>
        </div>
    </div>
</header>
<nav>
    <div class="container clear">
        <ul>
            <li><span href="#" class="button">首页</span></li><!--
            --><li><span href="#" class="button">学习用品</span></li><!--
            --><li><span href="#" class="button">私人定制</span></li>
        </ul>
    </div>
</nav>
<main>
    <div class="container clear">
<!--        TODO:轮播图的实现-->
        <div class="carousel button">
            <span class="turn round left"><img src="/img/ia_100000042.png"></span>
            <span class="turn round right"><img src="/img/ia_100000043.png"></span>
            <div class="goto">
                <span class="one"></span>
                <span class="two"></span>
                <span class="three"></span>
                <span class="=four"></span>
            </div>
            <div class="images">
                <ul>
                    <li id="0"><img src="img/ia_100000006.png"></li>
                    <li id="1"><img src="img/ia_100000007.png"></li>
                    <li id="2"><img src="img/ia_100000008.png"></li>
                    <li id="3"><img src="img/ia_100000009.png"></li>
                </ul>
            </div>
        </div>
        <div class="floor_one">
            <div class="floor_head">
                <img src="/img/ia_100000024.png">首页推荐 /1F
            </div>
            <div class="floor_box clear">
                <div class="photos">
                    <img src="img/ia_100000025.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <div class="describe">酷睿双核aaaaaaaa4444444444</div>
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000026.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <div class="describe">酷睿双核aaaaaaaa4444444444</div>
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000030.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <div class="describe"></div>
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000028.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
<!--                        <div class="describe"></div>-->
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000029.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
<!--                        <div class="describe"></div>-->
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000030.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
<!--                        <div class="describe"></div>-->
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="floor_two">
            <div class="floor_head">
                <img src="/img/ia_100000024.png">最新上架 /2F
            </div>
            <div class="floor_box clear">
                <div class="photos">
                    <img src="img/ia_100000025.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <div class="describe">酷睿双核aaaaaaaa4444444444</div>
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000026.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <div class="describe">酷睿双核aaaaaaaa4444444444</div>
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000030.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <div class="describe"></div>
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000028.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <!--                        <div class="describe"></div>-->
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000029.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <!--                        <div class="describe"></div>-->
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000030.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <!--                        <div class="describe"></div>-->
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="floor_three">
            <div class="floor_head">
                <img src="/img/ia_100000024.png">热销单品 /3F
            </div>
            <div class="floor_box clear">
                <div class="photos">
                    <img src="img/ia_100000025.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <div class="describe">酷睿双核aaaaaaaa4444444444</div>
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000026.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <div class="describe">酷睿双核aaaaaaaa4444444444</div>
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000030.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <div class="describe"></div>
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000028.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <!--                        <div class="describe"></div>-->
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000029.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <!--                        <div class="describe"></div>-->
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
                <div class="photos">
                    <img src="img/ia_100000030.png" class="button">
                    <div class="show">
                        <div class="title">Apple MacBook Air系列</div>
                        <!--                        <div class="describe"></div>-->
                        <div class="price">￥6988.00</div>
                        <span class="button">查看详情</span>
                    </div>
                </div>
            </div>
        </div>
        <figure>
            <div class="col button"><img src="img/4.png" alt=""><span>品质保障</span></div>
            <div class="col button"><img src="img/5.png" alt=""><span>私人定制</span></div>
            <div class="col button"><img src="img/6.png" alt=""><span>学员特供</span></div>
            <div class="col button"><img src="img/7.png" alt=""><span>专属特权</span></div>
        </figure>
    </div>
</main>
<footer>
    <div class="container clear">
        <div class="part_one">
            <img src="img/ia_100000000.png">
            <img src="img/3.png">
        </div>
        <div class="part_two">
            <div>
                <span class="button">买家帮助</span>
                <span class="button">新手指南</span>
                <span class="button">服务保障</span>
                <span class="button">常见问题</span>
            </div>
            <div>
                <span class="button">商家帮助</span>
                <span class="button">商家入住</span>
                <span class="button">商家后台</span>
                <span></span>
            </div>
            <div>
                <span class="button">关于我们</span>
                <span class="button">关于达内</span>
                <span class="button">联系我们</span>
                <span>
                    <img src="img/ia_100000037.png" class="button">
                    <img src="img/ia_100000038.png" class="button">
                </span>
            </div>
        </div>
        <div class="part_three clear">
            <div>
                <span>学子商城客户端</span>
                <img src="img/ia_100000039.png" class="button">
                <img src="img/ia_100000040.png" class="button">
            </div>
            <img src="img/2.png">
        </div>
        <span class="container_left">2017 达内科技有限公司版权所有</span>
    </div>
</footer>
</body>
<script src="node_modules/jquery/dist/jquery.js"></script>
<!--<script src="./js/Animation.js"></script>-->
<script src="./js/jquery.shadow.js"></script>
<script src="js/Carousel.js"></script>
<!--<script>animation()</script>-->
<script>
    auto();
</script>
</html>